<template>
  <page class="contact">
    <page-header>
      <x-header :left-options="{backText: ''}">联系我们</x-header>
    </page-header>
    <page-content :scroll="false">
      <div class="phone">
        <img class='kefu' src="../../assets/logo.jpg" />
        <div class="k-phone">
          <p>客服热线:4001-5550-123</p>
        </div>
        <div class="k-work">
          <p>服务时间&nbsp;:&nbsp;周一至周五&nbsp;08:00-21:00</p>
        </div>
      </div>
    </page-content>
  </page>
</template>

<script>
import { XHeader } from 'vux'
export default {
  name: 'Contact',
  components: {
    XHeader
  },
  data () {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.contact{
  height: 100%;
  width: 100%;
  .phone {
    width: 100%;
    height: 15rem;
    background: #fff;
    position: relative;
  }
  .kefu {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6rem;
    margin-left: -4rem;
    width: 120px;
    height: 120px;
  }
  .k-phone {
    position: absolute;
    top: 11rem;
    text-align: center;
    width: 100%;
    color: #606063;
    font-weight: 900;
    font-size: 1rem;
  }
  .k-work {
    position: absolute;
    top: 12.8rem;
    text-align: center;
    width: 100%;
    color: #606063;
    font-size: 0.8rem;
  }
  .head {
    width: 100%;
    background: #1e82d2;
    font-size: 1.125rem;
    height: 3rem;
  }
}
</style>
